#studyPage {
    background-color: #fff;
    
    .studyHead {
        width: 960px;
        display: flex;
        // background-color: #f0f;
        justify-content: space-between;
        
        
        .studyImg {
            height: 300px;
            width: 526px;
            // background-color: #ff0;
            overflow: hidden;
            border-radius: 18px;
        }
        
        .studyMsg {
            width: 410px;
            height: 300px;
            // background-color: #00f;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            
            .studyTags {
                width: 100%;
                display: flex;
                flex-wrap: wrap;
                
                .tag {
                    height: 20px;
                    background: rgba(255,0,0,0.39);
                    border-radius: 4px;
                    color: #FF0303;
                    font-size: 11px;
                    text-align: center;
                    line-height: 20px;
                    margin-right: 1rem;
                    padding: 0 0.5rem;
                }
            }
            
            .allMsgs {
                width: 100%;
                color: #434343;
                font-size:13px;
            }
            
            .watchNum,.collectNum,.planNum {
                font-size: 15px;
                color: #B4B4B4;
                margin: 0 0.5rem;
            }
        }
    }
    
    .studyContent {
        width: 960px;
        // background-color: #0ff;
        display: flex;
        flex-wrap: wrap;
    }
    
    
    
}